*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}

.header{
    width: 100%;
    height: 100px;
    /* background-color: pink; */
}
.header-c {
width: 1200px;
height: 100%;
margin: 0 auto;
/* background-color: #fff; */
}
.header .logo {
float: left;
width: 221px;
height: 100%;
background: url(../IMG/logo.png) no-repeat center;
/* background: url(IMG/logo.png) no-repeat center; */
/* background: url(../img/logo.png) no-repeat center; */
}
.header .nav{
 float: right;
 height: 100%;
}
.header .nav-item {
float: left;
height: 100%;
line-height: 100px;
text-align: center;
width: 108px;
}
.header .nav-item a {
    font-size: 14px;
    color: #767676;
  }
  

.header .line{
display: block;
width: 20px;
height: 1px;
background-color: #668aca;
margin: 0 auto;
margin-top: -35px;
opacity: 0;
}
.header .nav-item:hover .line{
opacity: 1;
}
  /* 激活样式 */
  .header .nav-item.active a {
    font-size: 18px;
    color: #668aca;
  }
.header .nav-item.active .line{
    opacity: 1;
}

